@import './common.scss';
main {
    width: 93.87vw;
    margin: 0 auto;
}

.user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    .imgbox {
        width: 22.67vw;
        height: 22.67vw;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .text {
        position: relative;
        flex: 1;
        padding-left: 3.2vw;
        p {
            font-size: 4vw;
        }
        span {
            display: inline-block;
            color: #9d9d9d;
            font-size: 3.47vw;
            margin-top: 4.93vw;
        }
        b {
            position: absolute;
            top: 50%;
            right: 0;
            font-size: 9vw;
            transform: translateY(-50%);
        }
    }
}

.tool {
    margin-top: 3.47vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .item {
        width: 26vw;
        height: 20.13vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        i {
            font-size: 10.53vw;
            color: #fff;
        }
        p {
            font-size: 3.47vw;
        }
    }
    .b1 {
        background-color: #b2e0a0;
    }
    .b2 {
        background-color: #a0dce0;
    }
    .b3 {
        background-color: #e0b7a0;
    }
}

.title {
    @include title;
    margin: 4vw 0;
}

.btnBox {
    display: flex;
    justify-content: space-around;
    .btn {
        width: 19.6vw;
        height: 10.13vw;
        display: flex;
        justify-content: center;
        font-size: 3.2vw;
        border-radius: 5vw;
        align-items: center;
        color: #fff;
        background-color: #ff9344;
    }
}